<script
	src="{{url_for('static', filename='../static/js/jquery-1.9.1.js')}}"
	type="text/javascript" charset="utf-8"></script>

<link rel="stylesheet" href="../static/bootstrap/css/bootstrap.css"
	type="text/css" media="screen" />
<script
	src="{{url_for('static', filename='../static/bootstrap/js/bootstrap.min.js')}}"
	type="text/javascript" charset="utf-8"></script>


<script>
/*$(document).ready(function(){

});*/
</script>
<div class="navbar navbar-default navbar-fixed-top" role="navigation">

	<div class="navbar-header">
		<button type="button" class="navbar-toggle" data-toggle="collapse"
			data-target=".navbar-ex1-collapse">
			<span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span>
			<span class="icon-bar"></span> <span class="icon-bar"></span>
		</button>
		<a class="navbar-brand" href="#">{{_('London Community')}}</a>
	</div>

	<!-- Collect the nav links, forms, and other content for toggling -->
	<div class="collapse navbar-collapse navbar-ex1-collapse">
		<ul class="nav navbar-nav">
			<li class="active"><a href="#">{{_('Home')}}</a></li>
			<li><a href="#">{{_('About')}}</a></li>
			<li class="dropdown"><a href="#" class="dropdown-toggle"
				data-toggle="dropdown">{{_('Action')}}<b class="caret"></b></a>
				<ul class="dropdown-menu">
					<li><a href="#">Action</a></li>
					<li><a href="#">Another action</a></li>
					<li><a href="#">Something else here</a></li>
					<li><a href="#">Separated link</a></li>
					<li><a href="#">One more separated link</a></li>
				</ul></li>
		</ul>
		<form class="navbar-form navbar-right" role="navigation"
			action="/login" method="post">
			<div class="form-group">
				<input type="text" class="form-control col-md-1" name="username"
					placeholder="{{_('Username')}}" />
			</div>
			<div class="form-group">
				<input type="text" class="form-control col-md-1" name="password"
					placeholder="{{_('Password')}}" />
			</div>
			<button type="submit" class="btn btn-default btn-success">{{_('Submit')}}</button>
		</form>

	</div>
</div>

<div class="jumbotron">
	<div class="container">
		<h1>{{_('London Community')}}</h1>
		<p>{{_('Welcome to London Community !')}}</p>
		<p>
			<a href="/signup" class="btn btn-lg btn-primary">{{_('Sign Up')}}</a>
		</p>
	</div>
</div>

<a href="#" class="btn btn-default">{{_('Fanshawe College')}}<span
	class="badge">42</span></a>
<a href="#" class="btn btn-default">{{_('Weekend Activites')}}<span
	class="badge">19</span></a>
<a href="#" class="btn btn-default">{{_('House Rental')}}<span
	class="badge">82</span></a>
<a href="#" class="btn btn-default">{{_('Cars')}}<span class="badge">82</span></a>
<a href="#" class="btn btn-default">{{_('Car pool')}}<span
	class="badge">19</span></a>

{% for category in categories %}
<a href="#" class="btn btn-default">{{category}}<span class="badge">42</span></a>
{% endfor %}
